<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<title>Gym for high end mobiles, like samsung, nokia, lg, sony erricosn, htc mobile website templates for free | About :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="mobile/css/style.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
 <div class="wrap">	
    <!-- start header_bottom -->
	  <div class="header-bottom">
	        <div class="header-bottom_left">
				<i class="phone"> </i><span>1-200-346-2986</span>
			</div>
			<div class="social">	
			   <ul>	
				  <li class="facebook"><a href="#"><span> </span></a></li>
				  <li class="twitter"><a href="#"><span> </span></a></li>
				  <li class="pinterest"><a href="#"><span> </span></a></li>	
				  <li class="google"><a href="#"><span> </span></a></li>
				  <li class="tumblr"><a href="#"><span> </span></a></li>
				  <li class="instagram"><a href="#"><span> </span></a></li>	
				  <li class="rss"><a href="#"><span> </span></a></li>							
			   </ul>
		    </div>
		    <div class="clear"></div>
	  </div>
	<!-- end header_bottom -->
	<!-- start menu -->
      <div class="menu">
	    <div class="header-top">	
        <div class="logo">
			<a href="index.html"><img src="mobile/images/logo.png" alt=""/></a>
		</div>	
		<div class="drp-dwn">
	      <select onchange="window.location=this.options[this.selectedIndex].value">
			    <option value="index.html">Home</option>
				<option value="about.html">About</option>
				<option value="trainers.html">Trainers</option>
				<option value="classes.html">Classes</option>
				<option value="blog.html">Blog</option>
				<option value="pricing.html">Pricing</option>
				<option value="contact.html">Contact</option>
		  </select>
		</div>
		<div class="clear"></div>
	  </div> 
	  </div>
	 <!-- end menu -->
	<div class="main">
	   <div class="about_banner_img"><img src="mobile/images/about_img.jpg" alt=""></div>
		 <div class="about_banner_wrap">
      	    <h1 class="m_11">About Us</h1>
      	 </div>
      	 <div class="about-wrapper">
      	      <div class="row about-top">
				 <div class="col-md-5">
				  <img src="mobile/images/about_img1.jpg" alt=""/> 
			     </div>
				 <div class="col-md-7 about-left-text">
				   <h2>Lorem ipsum dolorsit!</h2>
				   <p>aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
				   <h4>ullamcorper - <span class="m_12">Gymsport Responsible</span></h4>
				 </div>
                 <div class="clear"></div>	
               </div>
		 </div>
	      <div class="about_trainer">
		      <h3 class="m_2">Our Trainers</h3>
		      <div class="row about_box">
		      	<div class="col-md-4">
				  <div class="box1">
				  	<div class="box1_left">
 					  <img src="mobile/images/about_img3.jpg" alt=""/>				  		
					  <div class="desc1">
						<h3>Lorem<br><span class="m_text">Spinning</span></h3>
						<p>Lorem ipsum dolor sit amet.</p>
						<div class="coursel_list">
							<i class="a_heart"> </i>
							<i class="like1"> </i>
						</div>
						<div class="coursel_list1">
							<i class="a_twt"> </i>
							<i class="a_fb"> </i>
						</div>
						<div class="clear"></div>
					 </div>
					</div>
					<div class="box1_right">
 					 <h4>Qualifications</h4>
 					 <p>Lorem ipsum dolor consect adipiscing elit, diamnonu nibh euismod</p>
 					  <h4>Speciality</h4>
 					 <p class="para1">diam nonummy euismod tincidunt ut laoreet dolore magna aliquam.</p>
				    </div>
				   <div class="clear"></div>
				  </div>
				</div>
				<div class="col-md-4">
				  <div class="box2">
				  	<div class="box1_left">
 					  <img src="mobile/images/about_img2.jpg" alt=""/>				  		
					  <div class="desc2">
						<h3>Lorem<br><span class="m_text">Spinning</span></h3>
						<p>Lorem ipsum dolor sit amet.</p>
						<div class="coursel_list">
							<i class="heart1"> </i>
							<i class="like"> </i>
						</div>
						<div class="coursel_list1">
							<i class="twt"> </i>
							<i class="fb"> </i>
						</div>
						<div class="clear"></div>
					 </div>
					</div>
					<div class="box1_right">
 					 <h4 class="right_text">Qualifications</h4>
 					 <p class="right_text1">Lorem ipsum dolor consect adipiscing elit, diamnonu nibh euismod</p>
 					 <h4 class="right_text">Speciality</h4>
 					 <p class="right_text2">diam nonummy euismod tincidunt ut laoreet dolore magna aliquam.</p>
				    </div>
				   <div class="clear"></div>
				  </div>
				</div>
				<div class="col-md-4">
				  <div class="box1">
				  	<div class="box1_left">
 					  <img src="mobile/images/about_img4.jpg" alt=""/>				  		
					  <div class="desc1">
						<h3>Lorem<br><span class="m_text">Spinning</span></h3>
						<p>Lorem ipsum dolor sit amet.</p>
						<div class="coursel_list">
							<i class="a_heart"> </i>
							<i class="like1"> </i>
						</div>
						<div class="coursel_list1">
							<i class="a_twt"> </i>
							<i class="a_fb"> </i>
						</div>
						<div class="clear"></div>
					 </div>
					</div>
					<div class="box1_right">
 					 <h4>Qualifications</h4>
 					 <p>Lorem ipsum dolor consect adipiscing elit, diamnonu nibh euismod</p>
 					  <h4>Speciality</h4>
 					 <p class="para1">diam nonummy euismod tincidunt ut laoreet dolore magna aliquam.</p>
				    </div>
				   <div class="clear"></div>
				  </div>
				</div>
				<div class="clear"></div>
		     </div>
		     <div class="row about_box1">
		      <div class="col-md-4">
				  <div class="box2">
				  	<div class="box1_left">
 					  <img src="mobile/images/about_img5.jpg" alt=""/>				  		
					  <div class="desc2">
						<h3>Lorem<br><span class="m_text">Spinning</span></h3>
						<p>Lorem ipsum dolor sit amet, consectetuer.</p>
						<div class="coursel_list">
							<i class="heart1"> </i>
							<i class="like"> </i>
						</div>
						<div class="coursel_list1">
							<i class="twt"> </i>
							<i class="fb"> </i>
						</div>
						<div class="clear"></div>
					 </div>
					</div>
					<div class="box1_right">
 					 <h4 class="right_text">Qualifications</h4>
 					 <p class="right_text1">Lorem ipsum dolor consect adipiscing elit, diamnonu nibh euismod</p>
 					 <h4 class="right_text">Speciality</h4>
 					 <p class="right_text2">diam nonummy euismod tincidunt ut laoreet dolore magna aliquam.</p>
				    </div>
				   <div class="clear"></div>
				  </div>
				</div>
				<div class="col-md-4">
				 <div class="box1">
				  	<div class="box1_left">
 					  <img src="mobile/images/about_img7.jpg" alt=""/>				  		
					  <div class="desc1">
						<h3>Lorem<br><span class="m_text">Spinning</span></h3>
						<p>Lorem ipsum dolor sit amet.</p>
						<div class="coursel_list">
							<i class="a_heart"> </i>
							<i class="like1"> </i>
						</div>
						<div class="coursel_list1">
							<i class="a_twt"> </i>
							<i class="a_fb"> </i>
						</div>
						<div class="clear"></div>
					 </div>
					</div>
					<div class="box1_right">
 					 <h4>Qualifications</h4>
 					 <p>Lorem ipsum dolor consect adipiscing elit, diamnonu nibh euismod</p>
 					  <h4>Speciality</h4>
 					 <p class="para1">diam nonummy euismod tincidunt ut laoreet dolore magna aliquam.</p>
				    </div>
				   <div class="clear"></div>
				  </div>
				</div>
				<div class="col-md-4">
				  <div class="box2">
				  	<div class="box1_left">
 					  <img src="mobile/images/about_img6.jpg" alt=""/>				  		
					  <div class="desc2">
						<h3>Lorem<br><span class="m_text">Spinning</span></h3>
						<p>Lorem ipsum dolor sit amet.</p>
						<div class="coursel_list">
							<i class="heart1"> </i>
							<i class="like"> </i>
						</div>
						<div class="coursel_list1">
							<i class="twt"> </i>
							<i class="fb"> </i>
						</div>
						<div class="clear"></div>
					 </div>
					</div>
					<div class="box1_right">
 					 <h4 class="right_text">Qualifications</h4>
 					 <p class="right_text1">Lorem ipsum dolor consect adipiscing elit, diamnonu nibh</p>
 					 <h4 class="right_text">Speciality</h4>
 					 <p class="right_text2">diam nonummy euismod tincidunt ut laoreet dolore magna aliquam.</p>
				    </div>
				   <div class="clear"></div>
				  </div>
				</div>
				<div class="clear"></div>
		     </div>
		</div>
	    <div class="login">
	  	    <div class="row login_details">
		 	  <div class="col-md-6">
				  <div class="join">
				  	 <h3>Why Join ?</h3>
				  	 <h4>sed diam nonummy nibh</h4>
				  	 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nibh euismod tincidunt. </p>	
				  	 <div class="btn3">
				       <a href="#">Join Today</a>
			         </div>	
				  </div>
				</div>
				 <div class="col-md-6">
				  <div class="join-right">
				  	 <h3>Why Join ?</h3>
				  	 <h4>sed diam nonummy nibh euismod</h4>
				  	 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nibh euismod tincidunt. </p>	
				  	 <div class="buttons_login">
				  	 <div class="btn4">
				       <a href="login.html">Log In</a>
			         </div>	
			         <div class="p-ww">
					  <form>
					   <input class="date" id="datepicker" type="text" value="View Calender" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'View Calender';}">
					  </form>
				     </div>
			         <div class="clear"></div>
			        </div>
				  </div>
				</div>
				<div class="clear"></div>
		   </div>
	  </div>
	  <div class="testimonial">
		 <i class="quot"> </i>
		 <p>diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
		 <p class="ceo">quis nostrud, <span class="ceo1">tation - ullamcorper</span></p>
	  </div>
	 </div>
	  <div class="footer-bottom">
		  <div class="row section group">
				<div class="col-md-4">
				   <h4 class="m_7">Newsletter Signup</h4>
				   <p class="m_8">Lorem ipsum dolor sit amet, consectetuer adipiscing elit sed diam nonummy.</p>
				      <form class="subscribe">
			             <input type="text" value="Insert Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Insert Email';}">
					  </form>
			          <div class="subscribe1">
			            <a href="#">Submit Email<i class="but_arrow"> </i></a>
			          </div>
				</div>
				<div class="col-md-4">
					<div class="f-logo">
						<img src="mobile/images/logo.png" alt=""/>
					</div>
					<p class="m_9">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis</p>
					<p class="address">Phone : &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="m_10">(00) 222 666 444</span></p>
					<p class="address">Email : &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="m_10">info[at]mycompany.com</span></p>
				</div>
				<div class="col-md-4">
				   <div class="footer_lists">
					<ul class="list">
						<h4 class="m_7">Menu</h4>
						<li><a href="#">About</a></li>
						<li><a href="#">Trainers</a></li>
						<li><a href="#">Classes</a></li>
						<li><a href="#">Pricing</a></li>
						<li><a href="#">Privacy</a></li>
						<li><a href="#">Contact</a></li>
					</ul>
					<ul class="list1">
						<h4 class="m_7">Community</h4>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Forum</a></li>
						<li><a href="#">Support</a></li>
						<li><a href="#">Newsletter</a></li>
					</ul>
				   </div>
				 </div>
				 <div class="clear"></div>
	  		  </div>
		 </div>
		 <div class="copyright">
		   <div class="copy">
		        <p>© 2014 Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
		    </div>
		    <div class="social">	
			   <ul>	
				  <li class="facebook"><a href="#"><span> </span></a></li>
				  <li class="twitter"><a href="#"><span> </span></a></li>
				  <li class="pinterest"><a href="#"><span> </span></a></li>	
				  <li class="google"><a href="#"><span> </span></a></li>
				  <li class="tumblr"><a href="#"><span> </span></a></li>
				  <li class="instagram"><a href="#"><span> </span></a></li>	
				  <li class="rss"><a href="#"><span> </span></a></li>							
			   </ul>
		    </div>
		   <div class="clear"></div>
		</div>
	  </div>
</body>
</html>